<%--
  Created by IntelliJ IDEA.
  User: The world king
  Date: 2022/10/20
  Time: 5:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <title>loggin</title>

</head>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //点击按钮发送ajax请求给/testAjax这个路径
    $(function () {
        $("#bt").click(function () {
            alert("点击事件是否生效")
            $.ajax({
                url:"/testAjax",
                data:{"userName":"cx","age":20,"sex":'男'},
                contentType:"JSON",
                success:function (data) {
                    alert(data.userName)
                    console.log("返回值为"+JSON.stringify(data))
                },
            //    响应到页面的参数也要为json
                dataType:"JSON"
            })
        })
    })
</script>
<body>

<%--要访问这个页面时前面必须得加/static--%>
<form action="/modelTest03" method="post">
    用户名： <input type="text" name="userName"> <br>
    年龄： <input type="text" name="age"> <br>
    生日：<input type="text" name="date"><br>
    <input type="submit" value="提交">
</form>

<a href="/modelTest04" > 转发到forward.jsp页面</a>
<input type="button" value="点击我发送给异步请求" id="bt">

</body>
</html>
